<template>
 <div class="wzyyzw">
     <div class="wwfirstw">
       <img src="../assets/img/jiantou.png" alt="" />
      <h1>明细查询详情</h1>
      </div>
      <div class="toutou">
        <img class="zpzpzp" src="../assets/img/银行-农行(1).png" alt="">
        <h2>6228****6570</h2>
        <p>交易现金</p>
        <h3 >{{tradeAmt}}元</h3>
      </div>
      <div class="zhongbu">
        <van-field label="交易时间"           placeholder="" input-align="right" v-model="item.updateTime"/>
        <van-field  label="交易摘要"          placeholder="" input-align="right" v-model="item.descs"/>
        <van-field label="收款方"             value="财富通微信支付"     input-align="right"/>
        <van-field label="收款账户"           placeholder="" input-align="right" v-model="item.hidecard"/>
        <van-field label="交易类型"           value="转账"    input-align="right"/>
        <van-field label="交易渠道"          value="电子商务"    input-align="right"/>
        <van-field label="本次余额"           placeholder="" input-align="right" v-model="item.initiatorMoney"/>
      </div>
 </div>
</template>

<script>
import {Par} from  "../api/Particulars"
export default {
       data(){
          return{
            idy:"",
            item:[],
            idy:this.$route.params.idd,
             t:[],
             tradeAmt:"",
             arr:[],
             id:""

          }
       },
       created(){
       this.jy()
       this.Pa()
       },
       methods:{

            jy(){
                this.arr = this.$route.params.jj,
                console.log(this.$route.params.jj);
                this.tradeAmt = this.arr.tradeAmt
                this.id = this.arr.id
             },
            Pa(){
            Par({tradeid:this.id}).then((res)=>{
              if(res.code==200){
                this.item = res.data;
              }else{
                Dialog({title: '温馨提示', message: res.mag });
              }
             console.log(res);
              }
            )}
           }
     

}

</script>

<style>
.wzyyzw {
  width: 390px;
  height: 800px;
  background-color: rgb(240, 240, 240);
}
.wwfirstw {
  background-color: white;
  height: 70px;
  margin-bottom: 10px;
}

.wwfirstw img {
  width: 22px;
  height: 18px;
  line-height: 17px;
  margin-left: 15px;
  margin-top: 24px;
}

.wwfirstw h1 {
  font-size: 17px;
  color: black;
  margin-left: 162px;
  margin-top: -24px;
}
.toutou{
    width: 390px;
    height: 120px;
    background-color: white;
    margin-bottom: 10px;
}
.zpzpzp{
    width: 30px;
    height: 30px;
    margin-bottom: -30px;
    margin-left: 5px;
}
.toutou h2{
    margin-left: 45px;
    margin-top: 3px;
    font-size: 18px;
}
.toutou p{
    font-size: 18px;
    margin: 15px 13px;
}
.toutou h3{
    font-size: 35px;
    margin-left: 261px;
    margin-top: -41px;;
}



</style>